<template>
	<view class="p-50 p-t-30 left">
		<text class="ts-50 tb left m-b-50">
			<text class="tc-green">帮助中心</text>
		</text>
		<br>
		<view class="left form-view">
			<text class="tc-green form-view-title wa tb">汽车启动设备</text><br>
			<collapse-panel :panels="panels" @update="handleClick()"/>
		</view>
		<!-- <view class="left form-view">
			<text class="tc-green form-view-title wa tb">锂电池租用</text><br>
			<collapse-panel :panels="panels1" @update="handleClick1()"/>
		</view> -->
	</view>
</template>

<script>
	import CollapsePanel from '@/components/collapse-panel'; // 引入组件
	export default {
		components: {
			CollapsePanel, // 注册组件
		},
		data() {
			return {
				panels: [ // 定义面板数据和初始状态
					{ 
						name: '强制启动功能什么时候能用?',
						content: '当页面显示"车辆电压低，可强制启动"，此时可点击“强制启动”进行强制启动操作。', 
						show: false 
					},
					{ 
						name: '加热功能什么时候能用?',
						content: '当电瓶温度低于15°C，加热功能方可有效使用', 
						show: false 
					},
					{ 
						name: '汽车启动设备平台到期续费，不续费有什么影响?',
						content: '平台到期不续费，启动电瓶可继续使用，但汽车启动电瓶的物联网功能无法继续使用。如:强制启动功能、加热功能、设备定位功能、设备数据不更新、设备告警功能等。', 
						show: false 
					},
					{ 
						name: '逾期了会有什么影响?',
						content: '逾期的影响具体要看运营商如何设置;详情请咨询运营商', 
						show: false 
					},
					{ 
						name: '如何以租代购?',
						content: '以租代购，需要满足连续不中断租赁，只要满足运营商设置的以租代购期限，设备即可转为购买。具体请咨询运营商。', 
						show: false 
					},
					{ 
						name: '分期付款购买费用问题?',
						content: '分期购买的费用由每年租赁金额和押金组成。详情咨询运营商。', 
						show: false 
					},
				],
				// panels1: [ // 定义面板数据和初始状态
				// 	{ 
				// 		name: '锂电池服务平台到期续费，不续费影响',
				// 		content: '锂电池服务平台到期续费，不续费影响内容。', 
				// 		show: false 
				// 	}
				// ],
			}
		},
		onLoad(options) {
			this.$xyfun.setNavBar(' ');
		},
		methods: {
			handleClick(val) {
				this.$set(this.panels[val], 'show', !this.panels[val].show)
			},
			handleClick1(val) {
				this.$set(this.panels1[val], 'show', !this.panels1[val].show)
			}
		}
	}
</script>

<style scoped lang="scss">
	.form-submit {
		margin: 35rpx 0 50rpx;
		width: 649rpx;
		height: 100rpx;
		border-radius: 15rpx;
		background-color: rgba(0,86,80,1);
		text-align: center;
		color: white;
		line-height: 95rpx;
		float: left;
	}
	.form-view {
		width: 600rpx; 
		padding: 40rpx 25rpx;
		border: 1rpx solid rgba(111, 111, 111, 0.31);
		border-radius: 15rpx;
		margin-bottom: 30rpx;
		padding-bottom: 0;
		.form-view-title {
			margin-left: 20rpx;
			margin-bottom: 20rpx;
			display: inline-block;
		}
	}
</style>